@import "@/styles/variables.less";

.timing {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgb(17, 24, 39);
  color: rgb(255, 255, 255);
  .timing-wrapper {
    width: 100%;
    text-align: center;
    margin-bottom: @size-2;
    .timing-title {
      font-size: @size-2xl;
      font-weight: bold;
      margin-bottom: 12px;
    }
    .timing-tick {
      margin-bottom: @size-base;
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        "Liberation Mono", "Courier New", monospace;
      font-size: @size-4;
      //   line-height: 1;
      font-weight: bold;
      letter-spacing: 4px;
    }
    .timing-action {
      display: flex;
      align-items: center;
      justify-content: center;
      View {
        margin-right: 24px;
      }
    }
  }
}
